{yun:}include file="$wapstyle/fheader.htm"{/yun}
<link rel="stylesheet" href="{yun:}$config_wapdomain{/yun}/js/mui/css/mui.picker.min.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" href="{yun:}$config_wapdomain{/yun}/js/mui/css/mui.poppicker.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" href="{yun:}$config.sy_weburl{/yun}/app/template/wap/css/style.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" href="{yun:}$wap_style{/yun}/js/umeditor/themes/default/css/umeditor.min.css?v={yun:}$config.cachecode{/yun}" type="text/css" />
<link rel="stylesheet" type="text/css" href="{yun:}$wap_style{/yun}/js/webapppic/cropper.css?v={yun:}$config.cachecode{/yun}" />
<script src="{yun:}$wap_style{/yun}/js/alloy/transform.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/alloy/alloy-finger.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/alloy-crop.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/compress.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/exif.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>

<div id="app" class="mui-views">
    <div class="mui-view">
        <div class="mui-pages"></div>
    </div>
</div>
<!--页面主结构结束-->
<!--单页面开始-->
<div id="main" class="mui-page">
    <!--页面主内容区开始-->
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                 <ul class="yun_newwap_box">  
                    <li class="">
                        <a href="#photohtml">
                        <span class="yun_newwap_text_name">头像</span>
                        <div class="yun_newwap_text_box">
                            <span class="once_cont_wate_list_photo_pic" id="previewshow" style="right:30px;"> <img id="logopic" src="{yun:}$gqinfo.photo_n{/yun}" style="border-radius:0px; width:40px;height:40px;" onerror="showImgDelay(this,'{yun:}$config.sy_ossurl{/yun}/{yun:}$config.gq_photo{/yun}',2);"></span>
                            <div class="once_cont_wate_list_photo">
                                <div class="yunset_list_file"> 

                                </div>
                                
                            </div>
                        </div>
                         </a>
                     </li>
                 </ul>
                <ul class="yun_newwap_box">

           

                    <li class="yun_newwap_text"><span class="yun_newwap_text_name"><b style="color:red;">*</b>姓名</span>
                        <span class="yun_newwap_text_box"> 
                        <input type="text" id="name" name="name" value="{yun:}$gqinfo.name{/yun}"  class="reinputText" placeholder="请填写姓名">
			            </span>
                    </li>
                    <li class="yun_newwap_text">
                    <span class="yun_newwap_text_name"><b style="color:red;">*</b>性别</span><span class="yun_newwap_text_box">
                        <button id='sexPicker' class="mui-btn mui-btn-block" type='button' data-sex="{yun:}$gqinfo.sex{/yun}">{yun:}if $gqinfo.sex{/yun}{yun:}$user_sex[$gqinfo.sex]{/yun}{yun:}else{/yun}请选择性别{yun:}/if{/yun}</button>
                        <input type="hidden" id="sex" name="sex" value="{yun:}$gqinfo.sex{/yun}">
                        </span>
                    </li>
                    <li><span class="yun_newwap_text_name"><b style="color:red;">*</b>所在地区</span>
                        <span class="yun_newwap_text_box"> 
                           
                            <button id='cityPicker' class="mui-btn mui-btn-block" type='button' data-provinceid="{yun:}$gqinfo.provinceid{/yun}" data-cityid="{yun:}$gqinfo.cityid{/yun}" data-three_cityid="{yun:}$gqinfo.three_cityid{/yun}">{yun:}if $gqinfo.provinceid{/yun}{yun:}$city_name[$gqinfo.provinceid]{/yun} {yun:}$city_name[$gqinfo.cityid]{/yun} {yun:}$city_name[$gqinfo.three_cityid]{/yun}{yun:}else{/yun}请选择{yun:}/if{/yun}</button>
                            <input type="hidden" id="provinceid" name="provinceid" value="{yun:}$gqinfo.provinceid{/yun}">
                            <input type="hidden" id="cityid" name="cityid" value="{yun:}$gqinfo.cityid{/yun}">
                            <input type="hidden" id="three_cityid" name="three_cityid" value="{yun:}$gqinfo.three_cityid{/yun}">
					
                      </span>
                    </li>
                    
                     <li>
                        <a href="#serviceshtml"><span class="yun_newwap_text_name"><b style="color:red;">*</b>提供服务</span><div class="yun_newwap_text_box yun_newwap_text_box_p" id="servicesshow">{yun:}if $gqinfo.services{/yun}{yun:}$gqinfo.services{/yun}{yun:}else{/yun}请填写提供服务{yun:}/if{/yun}</div></a>
                        <textarea style="display:none" id="servicestext">{yun:}$gqinfo.services{/yun}</textarea>
                    </li>

                    <li class="yun_newwap_text"><span class="yun_newwap_text_name"><b style="color:red;">*</b>技能特长</span>
                        <span class="yun_newwap_text_box"> 
                        <input type="text" id="speciality" name="speciality" value="{yun:}$gqinfo.speciality{/yun}" class="reinputText" placeholder="请填写技能特长">
			            </span>
                    </li>

                    <li class="yun_newwap_text"><span class="yun_newwap_text_name"><b style="color:red;">*</b>工作薪资</span>
                        <span class="yun_newwap_text_box"> 
                        <input type="text" id="salary" name="salary" value="{yun:}$gqinfo.salary{/yun}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" class="reinputText" placeholder="请填写薪资 单位：元">
			            </span>
                    </li>
                    
                    <li>
                        <a href="#contenthtml"><span class="yun_newwap_text_name"><b style="color:red;">*</b>个人简介</span><div class="yun_newwap_text_box yun_newwap_text_box_p" id="contentshow">{yun:}if $gqinfo.content{/yun}{yun:}$gqinfo.content{/yun}{yun:}else{/yun}请填写简介{yun:}/if{/yun}</div></a>
                         <textarea style="display:none" id="contenttext">{yun:}$gqinfo.content{/yun}</textarea>
                    </li>
                   </ul>
        
                    <ul class="yun_newwap_box">       
                        <li class="yun_newwap_text"><span class="yun_newwap_text_name"><b style="color:red;">*</b>联系电话</span>
                        <span class="yun_newwap_text_box"> 
                        <input type="text" id="moblie" name="moblie" value="{yun:}$gqinfo.moblie{/yun}"  class="reinputText" placeholder="请填写联系电话">
			            </span>
                    </li>
                    
                    
                </ul>
                 <div class="yun_newwap_bth ">
                    <button id="infosubmit" type="button" class="mui-btn mui-btn-block mui-btn-primary">提交操作</button>
                  </div>
                <div style="height:30px;"></div>
                <!--<div class="yunset_bth_box"> <button id="submit" class="mui-btn mui-btn-block mui-btn-primary">保 存</button>-->
            </div>
        </div>
    </div>
</div>
<!--单页面结束-->
<div id="contenthtml" class="mui-page">
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="yun_wap_info_brief">
                    <div class="yun_wap_info_brief_c">
                        <div class="yun_wap_addresume_box_nexttit"> 个人简介 </div>
                        <textarea class="textAreaMsg tip contenttext" id="content" name="content" placeholder="请输入个人简介描述500字以内">{yun:}$gqinfo.content{/yun}</textarea></div>
                    <a class="yun_wap_info_brief_tit_bc mui-action-back">确定</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--单页面结束-->
<div id="serviceshtml" class="mui-page">
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="yun_wap_info_brief">
                    <div class="yun_wap_info_brief_c">
                        <div class="yun_wap_addresume_box_nexttit"> 提供服务 </div>
                        <textarea class="textAreaMsg tip servicestext" id="services" name="services" placeholder="请输入提供服务描述500字以内">{yun:}$gqinfo.services{/yun}</textarea></div>
                    <a class="yun_wap_info_brief_tit_bc mui-action-back">确定</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="photohtml" class="mui-page">
        <div class="mui-page-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <div class="photo_i_box_v">
                        <div id="showResult">
                            <div id="changeAvatar" class="photo_i_box">
                                <img src="{yun:}$gqinfo.photo_n{/yun}" onerror="showImgDelay(this,'{yun:}$config.sy_ossurl{/yun}/{yun:}$config.gq_photo{/yun}',2);" width="120" height="120">
                            </div>
                            <div class="clear"></div>
                            <div class="photo_xz"><input id="image" type="file" accept="image/*" />选择上传logo</div>
                            <div class="yunset_identity_msg"><i class="yunset_identity_msg_icon"></i>选择上传logo点击提交按钮即可上传</div>
                            <input type="hidden" value=""  id="preview">
                            <div class="photo_tj">
                                <input type='hidden' name="txt" id="uimage" value="">
                                <input name="submit" type="button" onclick="photo()" value="提交" class="yunset_bth" />
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
<script>
    weburl = "{yun:}$config.sy_weburl{/yun}";
    var formData = new FormData(),
        newuploadpic;
</script>

<script src="{yun:}$config.sy_weburl{/yun}/data/plus/city.cache.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$config_wapdomain{/yun}/js/mui/mui.picker.min.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$config_wapdomain{/yun}/js/mui/mui.poppicker.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$config.sy_weburl{/yun}/data/plus/city.cache.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$config_wapdomain{/yun}/js/mui/mui.view.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/umeditor/umeditor.config.js?v={yun:}$config.cachecode{/yun}"></script>
<script src="{yun:}$wap_style{/yun}/js/umeditor/umeditor.min.js?v={yun:}$config.cachecode{/yun}"></script>
<script src="{yun:}$wap_style{/yun}/js/freeinfo.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/category.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
 <script language="javascript">
    $(function() {

        
        function cutImg() {
            $('#showResult').fadeOut();
        }
        $('#image').on('change', function() {
            cutImg();
        });

        
        var $inputImage = $('#image'),
            URL = window.URL || window.webkitURL;
        if(URL) {
            $inputImage.change(function() {
                var files = this.files,
                    file;
                previewImage(this,'preview');
                if(files && files.length) {
                    file = files[0];

                    if(/^image\/\w+$/.test(file.type)) {
                        setTimeout(function(){
                            toAlloyCrop($('#preview').val());
                        },1000);
                        $inputImage.val('');
                    } else {
                        showMessage('请上传图片');
                    }
                }
            });
        } else {
            $inputImage.parent().remove();
        }
       
        function toAlloyCrop(pic){
            var mAlloyCrop;
            
            mAlloyCrop = new AlloyCrop({
                image_src: pic,
                width: 200,
                height: 200,
                output: 1,
                ok: function(base64, canvas) {
                    $("#changeAvatar > img").attr("src", base64);
                    document.getElementById('uimage').value = base64;
                    $('#showResult').fadeIn();
                    mAlloyCrop.destroy();
                },
                cancel: function() {
                    $('#showResult').fadeIn();
                    mAlloyCrop.destroy();
                },
                ok_text: '确定',
                cancel_text: '取消'
            });
        }
    });
    
    var sexData = [];
    '{yun:}foreach from=$user_sex key=j item=v{/yun}'
    sexData.push({
        value: '{yun:}$j{/yun}',
        text: '{yun:}$v{/yun}'
    });
    '{yun:}/foreach{/yun}'

    mui.init();
    var viewApi = mui('#app').view({
        defaultPage: '#main'
    });
    
    var view = viewApi.view;
    (function($) {
    	//初始化单页的区域滚动
	    mui('.mui-scroll-wrapper').scroll({
	        scrollY: true, //是否竖向滚动
	        scrollX: false, //是否横向滚动
	        startX: 0, //初始化时滚动至x
	        startY: 0, //初始化时滚动至y
	        indicators: true, //是否显示滚动条
	        deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
	        // bounce: true //是否启用回弹
	    });
        //处理view的后退与webview后退
        var oldBack = $.back;
        $.back = function() {
            if(viewApi.canBack()) { //如果view可以后退，则执行view的后退
                viewApi.back();
            } else { //执行webview后退
                oldBack();
            }
        };
    })(mui);
   
</script>


{yun:}include file="$wapstyle/footer.htm"{/yun}